<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
	 .con{
		 width: 300px;
		 border: 1px black solid;
	 }
	 .con>p{
		 white-space: nowrap;
		 text-overflow: ellipsis;
		 overflow: hidden;/*超出盒子的部分不显示*/
	 }
		</style>
	</head>
	<body>
		<div class="con">
			<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
			<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
			<p>啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
		</div>
	</body>
</html>
